<template>
  <view class="main">
    <!--		tab-->
    <view class="wrap">
      <view class="u-tabs-box">
        <u-tabs-swiper
          height="90"
          bar-width="120"
          activeColor="#FBB000"
          ref="tabs"
          :list="list"
          :current="current"
          @change="$u.debounce(change($event), 500)"
          :is-scroll="false"
          swiperWidth="750"
        ></u-tabs-swiper>
      </view>
      <swiper
        class="swiper-box"
        :current="swiperCurrent"
        @transition="transition"
        @animationfinish="animationfinish"
        @change="orderListchange"
      >
        <swiper-item class="swiper-item">
          <u-subsection
            class="mt-20"
            :list="inquiryStatusTitleList"
            bgColor="#fff"
            active-color="#FBB000"
            @change="$u.debounce(sectionChange($event), 3000)"
            :bold="false"
            :current="inquiryCurrent"
          ></u-subsection>
          <scroll-view
            scroll-y
            class="scroll-wrap"
            @scrolltolower="$u.throttle(getInquiryList, 500)"
          >
            <page-loading :show="pageLoading">
              <view class="page-box">
                <view class="nav-status">
                  <list
                    tab="0"
                    :goInPage="goInPage"
                    :datalist="inquiryOrderList[inquiryCurrent].list"
                    @handleOrder="handleOrder"
                    :showimg="inquiryOrderList[inquiryCurrent].showimg"
                  ></list>
                </view>
                <u-loadmore
                  v-if="inquiryOrderList[inquiryCurrent].list.length"
                  :status="
                    loadStatus[inquiryOrderList[inquiryCurrent].loadStatusId]
                  "
                  bgColor="#f2f2f2"
                  margin-bottom="20"
                ></u-loadmore>
              </view>
            </page-loading>
          </scroll-view>
        </swiper-item>

        <swiper-item class="swiper-item">
          <u-subsection
            class="mt-20"
            :list="quoteStatusTitleList"
            bgColor="#fff"
            active-color="#FBB000"
            @change="$u.debounce(sectionChange($event), 500)"
            :bold="false"
            :current="quotationCurrent"
          ></u-subsection>
          <scroll-view
            scroll-y
            class="scroll-wrap"
            @scrolltolower="$u.throttle(getQuoteList, 500)"
          >
            <page-loading :show="pageLoading">
              <view class="page-box">
                <view class="nav-status">
                  <list
                    tab="1"
                    :goInPage="goInPage"
                    :datalist="quoteOrderList[quotationCurrent].list"
                    @handleOrder="handleOrder"
                    :showimg="quoteOrderList[quotationCurrent].showimg"
                  ></list>
                </view>
                <u-loadmore
                  v-if="quoteOrderList[quotationCurrent].list.length"
                  :status="
                    loadStatus[quoteOrderList[quotationCurrent].loadStatusId]
                  "
                  bgColor="#f2f2f2"
                  margin-bottom="20"
                ></u-loadmore>
              </view>
            </page-loading>
          </scroll-view>
        </swiper-item>
      </swiper>
    </view>
    <view>
      <u-modal
        title="温馨提示"
        v-model="popup.show"
        class="popup"
        width="65%"
        :mask-close-able="true"
        :title-style="{
          fontWeight: 'bold',
          fontSize: '36rpx',
          color: '#333333',
        }"
        :show-confirm-button="false"
      >
        <view class="slot-content">
          {{ popup.title }}
        </view>
        <view class="woxiangxbox">
          <button
            class="slot-contentbutto2"
            @click="popup.show = false"
            form-type="reset"
          >
            取 消
          </button>
          <button class="slot-contentbutto" @click="popupFn" form-type="reset">
            {{ popup.btnText }}
          </button>
        </view>
      </u-modal>
    </view>
  </view>
</template>
<script src="./accessoryOrderList.js"></script>

<style>
/* #ifndef H5 */
page {
  height: 100%;
  background-color: #f2f2f2;
}
/* #endif */
</style>

<style lang="scss" scoped>
@import './accessoryOrderList.scss';
</style>
